<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>富顺天牧</title>
    <!-- Bootstrap 3.3.7 -->
    <link rel="stylesheet" href="../adminlte/bower_components/bootstrap/dist/css/bootstrap.min.css"><!-- Theme style -->
    <link rel="stylesheet" href="../adminlte/dist/css/AdminLTE.min.css">


    <script type="text/javascript" src="../3thjs/axios.min.js"></script>
    <script type="text/javascript" src="../3thjs/vue.js"></script>

    <!-- jQuery 3 -->
    <script src="../adminlte/bower_components/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap 3.3.7 -->
    <script src="../adminlte/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

    <script src="../js/global.js"></script>
    <script src="../js/redis.js"></script>

</head>
<style type="text/css">
    .values {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 80vw;
    }
    table tr td {
        word-break: break-all;
    }
</style>
<body style="background-color: white; padding: 0; margin: 0;">
<div class="wrapper" style="background: transparent;margin: 0; width: 100%;" id="my-div">
    <div style="margin: 12pt">
        <table id="table-main" class="table table-bordered table-hover">
            <thead>
            <tr style="padding: 0;">
                <th style="width: 160pt">key</th>
                <th>value</th>
                <th width="50pt">操作</th>
            </tr>
            </thead>

            <tbody>

            <tr @dblclick="delclass(i)" selectable="true" v-for="(c, i) in list">
                <td>{{c.key}}</td>
                <td><p class="values">{{ c.value }}</p></td>
                <td>
                    <button type="button" class="btn btn-danger  btn-xs" @click="deleteKey(c.key)">删除
                    </button>
                </td>
            </tr>
            </tbody>
        </table>
    </div>

</div>
</body>


</html>
